<!doctype html>
<html lang="zh-Hans-CN">

<head>
    <meta charset="utf-8" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, viewport-fit=cover">
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <title>产品首页</title>
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="stylesheet"
        href="https://www.jkzlrs.com/concat/mobile/??3.0/cross/css/cross.css,3.0/cross/css/ui.all.css"
        type="text/css" />
    <link rel="stylesheet" href="../css/style.css" type="text/css" />
</head>

<body>
    <div class="c-main">
        <section class="p12">
            <header class="swiper-container indx-swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="../del/img1.png" alt=""></div>
                    <div class="swiper-slide"><img src="../del/img1.png" alt=""></div>
                    <div class="swiper-slide"><img src="../del/img1.png" alt=""></div>
                </div>
                <div class="swiper-pagination"></div>
            </header>

            <div class="indx-box">
                <div class="indx-title">
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-fuwu"></use>
                    </svg>
                    <p>车主服务</p>
                </div>
                <ul class="indx-list">
                    <li>
                        <a href="javascript:;" class="list-box">
                            <div class="list-pic"><img src="../del/img1.png" alt=""></div>
                            <div class="list-cont">
                                <p class="list-tit">更换轮胎</p>
                                <div class="list-des">
                                    <p>拖车全程一对一服务，全程保险赔
                                        付，安全放心！</p>
                                </div>
                                <p class="list-price">¥1000</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="list-box">
                            <div class="list-pic"><img src="../del/img1.png" alt=""></div>
                            <div class="list-cont">
                                <p class="list-tit">更换轮胎</p>
                                <div class="list-des">
                                    <p>拖车全程一对一服务，全程保险赔
                                        付，安全放心！</p>
                                </div>
                                <p class="list-price">¥1000</p>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;" class="list-box">
                            <div class="list-pic"><img src="../del/img1.png" alt=""></div>
                            <div class="list-cont">
                                <p class="list-tit">更换轮胎</p>
                                <div class="list-des">
                                    <p>拖车全程一对一服务，全程保险赔
                                        付，安全放心！</p>
                                </div>
                                <p class="list-price">¥1000</p>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </section>

        <footer class="footer">
            <div class="c-position-f">
                <div class="footer-box">
                    <a href="index.html" class="curr">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-a-chanpinxuanzhong"></use>
                        </svg>
                        <span>产品</span>
                    </a>
                    <a href="我的.html">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-a-wodeweixuanzhong"></use>
                        </svg>
                        <span>我的</span>
                    </a>
                </div>
            </div>
        </footer>
    </div>
    <script type="text/javascript"
        src="https://www.jkzlrs.com/concat/mobile/??3.0/cross/js/jquery/2.1.3/jquery.js,3.0/cross/js/cross.ui.js"></script>
    <script src="../iconfont/iconfont.js"></script>
    <link rel="stylesheet" href="../widget/Swiper/4.4.2/css/swiper.min.css" />
    <script type="text/javascript" src="../widget/Swiper/4.4.2/js/swiper.min.js"></script>
    <script type="text/javascript">
        $(function () {
            var mySwiper = new Swiper('.indx-swiper', {
                pagination: {
                    el: '.swiper-pagination',
                },
                autoplay: {
                    delay: 3500,
                    stopOnLastSlide: false,
                    disableOnInteraction: false
                },
                loop: true
            })
        });
    </script>
</body>

</html>